<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>OA系统登录</title>
		<style type="text/css">
		body {
			font-family: 微软雅黑, Verdana;
		}
		
		fieldset {
			margin: 0px 0px 0px 213px;
			padding: 9px;
			border: 1px solid #CCC;
			width: 287px;
		}
		
		input[type="text"],input[type="password"] {
			font-size: 1.1em;
			height: 22px;
			width: 160px;
			border: 1px solid #CCC;
		}
		
		.editor-label {
			margin: 1em 0 0 0;
		}
		
		.personname input {
			background: url(<%=path%>/images/username_bg.gif) left no-repeat #FFF;
			border: 1px #ccc solid;
			padding-left: 28px;
		}
		
		.password input {
			background: url(<%=path%>/images/password_bg.gif) left no-repeat #FFF;
			border: 1px #ccc solid;
			padding-left: 28px;
		}
		
		.validatecode img {
			vertical-align: middle;
		}
		
		.validatecode input {
			vertical-align: middle;
			width: 94px;
			border: 1px #ccc solid;
			padding-left: 28px;
		}
		
		.field-validation-error {
			color: #ff0000;
		}
		
		.login {
			width: 545px;
			margin-top: 90px;
			margin-left: 25%;
		}
		
		.login .top {
			background: url(<%=path%>/images/login_top.gif) left top no-repeat;
			width: 545px;
			height: 86px;
		}
		
		.login .middle {
			background: url(<%=path%>/images/login_midbg.gif) left top repeat-y;
			width: 545px;
		}
		
		.login .middle .left {
			float: left;
			width: 204px !important;
			width: 194px;
			padding-left: 6px !important;
			padding-left: 0px;
			margin-left: 6px;
			overflow: hidden;
		}
		
		.submitcss {
			background: url(<%=path%>/images/buttonOn_login.gif) left top no-repeat;
			height: 21px;
			width: 109px;
			text-align: center;
			border: 0px;
			font-family: 微软雅黑, 新宋体;
			font-size: 14px;
			cursor: pointer;
		}
		
		.login .bottom {
			background: url(<%=path%>/images/login_bottom.gif) left top no-repeat;
			width: 545px;
			height: 18px;
		}
		</style>
		
		<script type="text/javascript">
	        function RefreshValidateCode(obj) {
	            obj.src = "" + Math.floor(Math.random() * 10000);
	        }
        </script>
	</head>
	
	<body>
		<form>
			<div class="login">
				<div class="top">
				</div>
				<div class="middle">
					<div class="left">
						<img alt="登录" src="<%=path%>/images/login_pic.gif">
					</div>
					<div class="right">
						<div class="right2">
							<fieldset
								style="border-top: 0px; border-left: #e8e8e8 1px solid; border-right: #e8e8e8 1px solid; border-bottom: #e8e8e8 1px solid;">
								<div class="editor-label">
									用户名：
								</div>
								<div class="personname">
									<input type="text" />
								</div>
								<div class="editor-label">
									密&nbsp;&nbsp; 码：
								</div>
								<div class="password">
									<input type="password" />
								</div>
								<div class="editor-label">
									验证码：
								</div>
								<div class="validatecode">
									<input type="text" />
									<img alt="点击刷新验证码！" title="点击刷新验证码！" src=""
										style="cursor: pointer;" onclick="RefreshValidateCode(this);" />
								</div>
								<p>
									<input class="submitcss" type="submit" value="登录系统" />
								</p>
							</fieldset>
						</div>
					</div>
				</div>
				<div class="bottom">
				</div>
			</div>
		</form>
	</body>
</html>
